<div style="font-size: 50px;line-height: 100px;background-color: pink;">
  <div style="vertical-align: baseline;overflow: visible;display: inline-block;width: 1px;height: 1px;">
    <div style="width: 1000px;height: 1px;background-color: red;"></div>
  </div>
  <span>Hello good 中文</span>
  <div style="vertical-align: text-top; line-height: 70px;width: 100px;height: 150px;background-color: aqua;display: inline-block;">a<br/>b</div>
  <div style="vertical-align: text-bottom; line-height: 70px;width: 100px;height: 150px;background-color: aqua;display: inline-block;">a<br/>b</div>
  <!-- <div style="vertical-align: baseline;line-height: 70px;width: 100px;height: 550px;background-color: plum;display: inline-block;">1</div> -->
</div>